import React, { useEffect, useState } from 'react'
import { useNavigate } from 'react-router-dom'
import '../views/css/jieshao.css'

export default function JieShao() {
  const navigate = useNavigate()

  const [jieshao, setJieshao] = useState('')
  const [jieshao1, setJieshao1] = useState('')
  console.log(jieshao);
  return (
    <div className="jieshao">
      <div className="hgj_huodongdetail_top">
        <div className="top_left">
          <i
            style={{ fontSize: '20px' }}
            className="bi bi-chevron-left"
            onClick={() => {
              navigate('/huodong')
            }}
          ></i>
        </div>
        <div className="top_content">活动详情</div>
        <div className="top_right" style={{ color: '#FFBB10' }} onClick={()=>{
         navigate('/huodong', {
          state: {
            jieshao:jieshao,
            jieshao1:jieshao1
          },
        })
        }}>
          确定
        </div>
      </div>
      <div className='jieshao_bottom'>
        <div className='bottom_aq'>
          <input type="text" className='jieshao_ipt' placeholder='主题' value={jieshao} onChange={(e)=>{setJieshao(e.target.value)}}/>
          <input type="text" className='jieshao_ipt1' placeholder='详细地址' value={jieshao1} onChange={(e)=>{setJieshao1(e.target.value)}}/>
        </div>
      </div>
    </div>
  )
}
